/*
 * @Author: hejian@myhexin.com 
 * @Date: 2019-01-18 14:23:14 
 * @Last Modified by: hejian@myhexin.com
 * @Last Modified time: 2019-02-16 09:53:20
 */
var __data__ = {
	data: {
		
	}
}
var meter = {
	methods: {
		initMeter: function (value) {
			var dpr = this.dpr;
			var r, innerMarin, areaRadius, innerRadius, scaleWidth, titleMargin, titleSize, lableMargin, lableSize;
			if (dpr == '1') {
				// 半径
				r = $("#canvas").width() / 2;
				// 适配间距
				innerMarin = 2;
				// 外面环宽度
				areaRadius = 10;
				// 里面的线与外面环的间距
				innerRadius = 10;
				// 里面的线的宽度
				rangeWidth = 1;
				// 白色道道线宽度
				scaleWidth = 1;
				// 标题间距 
				titleMargin = -20;
				// 标题字体大小
				titleSize = 'bold 12px PingFang SC';
				// 等级间距
				lableMargin = 0
				// 等级字体大小
				lableSize = 'bold 15px PingFang SC';
				$("#meter").attr('width', $("#canvas").width() + "px")
				$("#meter").attr('height', $("#canvas").height() + "px");
			} else if (dpr == '2') {
				// 半径
				r = $("#canvas").width() / 2
				// 适配间距
				innerMarin = 4;
				// 外面环宽度
				areaRadius = 20;
				// 里面的线与外面环的间距 
				innerRadius = 20;
				// 里面的线的宽度
				rangeWidth = 2;
				// 白色道道线宽度
				scaleWidth = 2;
				// 标题间距 
				titleMargin = -40;
				// 标题字体大小
				titleSize = 'bold 24px PingFang SC';
				// 等级间距
				lableMargin = 0
				// 等级字体大小
				lableSize = 'bold 30px PingFang SC';
				$("#meter").attr('width', $("#canvas").width() + "px")
				$("#meter").attr('height', $("#canvas").height() + "px")
			} else {
				// 半径
				r = $("#canvas").width() / 2
				// 适配间距
				innerMarin = 8;
				// 外面宽度
				areaRadius = 40;
				// 里面的线与外面环的间距
				innerRadius = 40;
				// 里面的线的宽度
				rangeWidth = 3;
				// 白色道道线宽度
				scaleWidth = 3;
				// 标题间距 
				titleMargin = -60;
				// 标题字体大小
				titleSize = 'bold 36px PingFang SC';
				// 等级间距
				lableMargin = 0
				// 等级字体大小
				lableSize = 'bold 45px PingFang SC';
				$("#meter").attr('width', $("#canvas").width() + "px")
				$("#meter").attr('height', $("#canvas").height() + "px")
			}
			Meter.setOptions({
				element: 'meter',
				centerPoint: {
					x: r,
					y: r
				},
				radius: r,
				setting: {
					innerMarin: innerMarin,
					areaRadius: areaRadius,
					innerRadius: innerRadius,
					rangeWidth: rangeWidth,
					scaleWidth: scaleWidth,
					titleMargin: titleMargin,
					titleSize: titleSize,
					lableMargin: lableMargin,
					lableSize: lableSize
				},
				data: {
					value: value,
					title: '次日赚钱效应',
					subTitle: '',
					area: [{
						min: 0,
						max: 35,
						text: '极弱'
					}, {
						min: 35,
						max: 45,
						text: '弱'
					}, {
						min: 45,
						max: 50,
						text: '偏弱'
					}, {
						min: 50,
						max: 70,
						text: '偏强'
					}, {
						min: 70,
						max: 80,
						text: '强'
					}, {
						min: 80,
						max: 180,
						text: '极强'
					}]
				}
			}).init();
		},
	}
}